// import resolve from "rollup-plugin-node-resolve";
import vue from "rollup-plugin-vue";
import { terser } from "rollup-plugin-terser";
import postcss from "rollup-plugin-postcss";
// import babel from "@rollup/plugin-babel"
// import commonjs from "@rollup/plugin-commonjs"
// import image from "@rollup/plugin-image"
// import buble from "@rollup/plugin-buble"; 
// import typescript from "@rollup/plugin-typescript";
// import typescript from "rollup-plugin-typescript2"

module.exports = [
  {
    // 入口
    input: "./src/entry.js",
    // 出口
    // output: { // 必须，输出文件 (如果要输出多个，可以是一个数组)
    //   exports: "named", // 输出多个文件
    //   globals: {
    //     vue: "Vue" // 告诉rollup全局变量Vue即是vue
    //   }
    // },
    output: [
      {
        file: "lib/ping-ui-umd.js",
        format: 'umd',
        name: "ping-ui",
      },
      {
        file: "lib/ping-ui-es.js",
        // 配置打包模块化的方式 es:ESM  cjs:CommonJS
        format: "es",
      },
      {
        file: "lib/ping-ui-cjs.js",
        // 配置打包模块化的方式 es:ESM  cjs:CommonJS
        format: "cjs",
      }
    ],
    // 插件
    plugins: [
      // resolve(),
      // typescript(),
      vue({
        // 把单文件组件中的样式，插入到html中的style标签
        css: true,
        // 把组件转换成 render 函数
        compileTemplate: true,
      }),
      // 代码压缩
      terser(),
      postcss(),
      // babel({
      //   exclude: "**/node_modules/**"
      // }),
      // commonjs(),
      // image()
    ],
    //外部库， 使用'umd'文件时需要先引入这个外部库
    external: ['vue', 'axios', 'vuex'],  // 告诉rollup，不打包vue,axios,vuex;将其视为外部依赖
  },
];